<template>
  <Page>
    <AppContent>
      <div class="first-content">
        <img class="bac-image" :src="imageUrl" alt="">
        <p>Your Todo</p>
      </div>
      <div class="bottom-an">
        <button class="theme-btn" @click="goTodo">点击进入</button>
      </div>
    </AppContent>
  </Page>
</template>

<script>
export default {
  name:'page',
  data() {
    return {
      imageUrl: require('../../assets/images/shouye.png')
    }
  },
  methods: {
    goTodo(){
      // string类型直接按name跳转
      // this.$router.push({
      //   name: 'todo'
      // });
      this.go('todo')
    }
  },
  
}
</script>

<style lang="scss" scoped>
  .first-content{
    text-align: center;
    .bac-image{
      margin: 0 auto;
      width: 80%;
    }
    p{
      font-size:24px;
      color: #fff
    }
  }
</style>